<template>
  <div class="nav">
      <el-backtop :bottom="100">↑</el-backtop>
      <div class="nav1">
                <!-- 上部区域 -->
      <div class="header">
        <!-- 导航栏区域 -->
        <el-row>
          <!-- 左侧图标栏 -->
          <el-col :xs="4" :sm="4" :md="6" :lg="6" :xl="6">
            <h1>
              <a href="#" class="logo">
                <img src="http://style.wuliwu.top/LOGO" />
              </a>
            </h1>
          </el-col>
          <!-- 右侧链接栏 -->
          <el-col class="hidden-sm-and-down" :xs="20" :sm="20" :md="18" :lg="18" :xl="18">
            <el-row>
              <ul>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">首页</a>
                  </li>
                </el-col>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">关于</a>
                  </li>
                </el-col>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">业务咨询</a>
                  </li>
                </el-col>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">新闻资讯</a>
                  </li>
                </el-col>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">加入我们</a>
                  </li>
                </el-col>
                <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
                  <li>
                    <a href="#">联系我们</a>
                  </li>
                </el-col>
              </ul>
            </el-row>
          </el-col>
          <el-col class="hidden-sm-and-up" :xs="20" :sm="20" :md="18" :lg="18" :xl="18">
            <el-dropdown>
              <el-button type="primary">
                更多菜单
                <i class="el-icon-arrow-down el-icon--right"></i>
              </el-button>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>
                  <a href="#">首页</a>
                </el-dropdown-item>
                <el-dropdown-item>
                  <a href="#">关于</a>
                </el-dropdown-item>
                <el-dropdown-item>
                  <a href="#">业务咨询</a>
                </el-dropdown-item>
                <el-dropdown-item>
                  <a href="#">新闻资讯</a>
                </el-dropdown-item>
                <el-dropdown-item>
                  <a href="#">加入我们</a>
                </el-dropdown-item>
                <el-dropdown-item>
                  <a href="#">联系我们</a>
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </el-col>
        </el-row>
      </div>

      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>
